{% extends "basic/loggedOutMenu.html" %}

{% block header_image %}
<img class="headerImg" src="{{ STATIC_URL }}images/titles/register.png" alt="Register"/>
{% endblock %}
{% block content %}
<div class="paragraph">
	<form id="signupForm" action="." method="post">{% csrf_token %}
	  <label for="inputUsername">Username</label> 
	  <br/>
	  <input type="text" name="inputUsername" placeholder="Username" id="inputUsername"/>
	  <br />
	  <div class="helpSheet">
	  	Here you write the name you would like the system to recognize you by
	  </div>
	  <br />
	  <label for="pass">Password </label>
	  <br/>
	  <input type="password" name="pass" placeholder="Password" id="pass" size="20"/>
	  <br />
	  <div class="helpSheet">
	  	Here you write the password that will be used to confirm your sign in
	  </div>
	  <br />
	  <label for="repPass">Confirm Password </label>
	  <br/>
	  <input type="password" name="repPass" placeholder="Password" id="repPass"/>
	  <br />
	  <div class="helpSheet">
	  	Here you repeat the passwords, just to be on the safe side 
	  </div>
	  <br />
	  <label for="email">Email</label>
	  <br/> 
	  <input type="text" name="email" placeholder="Email Address" id="email" />
	  <br />
	  <div class="helpSheet">
	  	Here you write your email. Will won't spam you. We'll use it wisely. Promise.
	  </div>
	  <br />
	  <input name="signupBtn" type="image" src ="{{ STATIC_URL }}images/buttons/signup.png" value="Sign up" id="signupBtn" />
	  <br />
	  <div class="helpSheet">
	  	Click this button when you feel ready to be a member of our community.
	  </div>
	</form>
</div>
{% endblock %}
